<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo">
<body>
<style>
    .p_name{
        font-size: 18px;
        font-weight: 600;
    }
    .p_sex_age{
        font-size: 14px;
        color: rgba(167,172,177,1);
    }
    .p_box{
        padding: 16px;
        margin-top: 10px;
        height: 580px;
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: auto;
    }

</style>


    <form action="/pcs/porter/permission/save" class="layui-card layui-form" data-auto="true" method="post" data-table-id="PorterPermissionTable">

        <input type="hidden" name="ids"  th:value="${ids}"/>

        <div class="layui-card-body padding-15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs6">
                    <p class="p_name">护理人员</p>
                    <div class="layui-bg-gray p_box" >
                        <div class="layui-panel padding-15" th:each="vo: ${porterList}" style="margin-bottom: 10px">
                            <div style="display: flex">
                                <div style="margin-right: 10px;">
                                    <img style="width: 58px;height: 58px;border-radius: 50%;" th:src="${vo?.headimg}">
                                </div>
                                <div style="padding: 5px">
                                    <p>
                                        <span class="p_name" th:text="${vo?.name}"></span>
                                        <span class="p_sex_age" th:if="${vo.sex == 1}">男 [[${vo?.age}]]岁</span>
                                        <span class="p_sex_age" th:if="${vo.sex == 2}">女 [[${vo?.age}]]岁</span>
                                    </p>
                                    <p>护理科室：
                                        <th:block th:each="v :${vo.porterPermissions}">
                                            <span class="layui-badge layui-bg-green" th:if="${v.verifyStatus==1}" th:text="${v?.depName}" ></span>
                                            <span class="layui-badge layui-bg-gray" th:if="${v.verifyStatus!=1}" th:text="${v?.depName}" ></span>
                                        </th:block>
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="layui-col-xs6">
                    <p class="p_name">护理权限</p>
                    <div class="layui-form-item" style="margin-top: 10px">
                        <th:block th:each="vo: ${depList}">
                            <input type="checkbox" name="dep[]" th:value="${vo.deptId}" lay-skin="none" th:checked="${porterDepIds.contains(vo.deptId)}" th:disabled="${porterDepIds.contains(vo.deptId)}" >
                            <div lay-checkbox>
                                <i class="layui-icon layui-icon-component" style="position: relative; top: 1px; line-height: normal;"></i> [[${vo?.name}]]
                            </div>
                        </th:block>

                    </div>

                </div>
            </div>

            <div class="text-center layui-form-actions1">
                <button class="layui-btn" type="submit">保存</button>
                <button class="layui-btn layui-btn-danger" data-close data-confirm="确定要取消编辑吗？" type='button'>关闭</button>
            </div>

        </div>
    </form>


</body>
</html>